import { reactive } from 'vue'

/**
 * @description 地图
 */
export const useWorId = () => {
    const options = reactive({
        backgroundColor: '#eef3fc',
        dataRange: {
            min: 0,
            max: 1000000,
            text: ['High', 'Low'],
            realtime: false,
            calculable: true,
            color: ['#C8E8FF', '#7ec4ff', '#34A0FF'],
            show: false
        },

        geo: {
            map: 'world',
            zoom: 1.2,
            aspectScale: 1.3,
            // 整个地图的外层样式
            itemStyle: {
                shadowColor: '#85DFF5',
                shadowBlur: 11,
                shadowOffsetX: 0,
                shadowOffsetY: 8
            }
        },
        series: [
            {
                roam: false,
                name: '',
                type: 'map',
                zoom: 1.2,
                aspectScale: 1.3,
                map: 'world',
                layoutCenter: ['50%', '30%'],
                itemStyle: {
                    areaColor: '#7ec4ff',
                    borderColor: '#FFFFFF',
                    borderWidth: 0.5
                },
                data: []
            }
        ]
    })
    return {
        options
    }
}
